/*Internet Explorer 10 并没有对 屏幕的宽度 和 视口（viewport）的宽度 进行区分*/
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }  
/*Internet Explorer 10 并没有对 屏幕的宽度 和 视口（viewport）的宽度 进行区分 end*/
ul,ol,dl,dt,dd,input,textarea,li,a,div,span,em,i,img{ margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;padding: 0;margin:0;}
a:hover{ text-decoration:none;}
li{ list-style:none;}
/*全局样式*/
html, body {width:100%;margin: 0 auto;}
em,i{font-style: normal;}
/*= 清除浮动=*/
.clear{clear: both; height:0px; line-height:0px; font-size:0px; overflow:hidden;display: block;}
.clearfix:after { content: ""; display: block; height: 0px;  clear: both; visibility: hidden; font-size:0px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
*+html .clearfix {min-height: 0%;}
/* 针对IE7 */
* + html .clearfix {min-height:0%;}
.fl {float: left;}
.fr {float: right;}

/*原文件配置*/
.container{ width:1200px; margin:0 auto;display: table;position: relative;}
body {color:#444; background:#ffffff; font:14px/20px "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;;}
a{ color:#333; text-decoration: none; cursor: pointer}
a:hover{color:#DF0205;}

/*纵向居中*/
.v_middle{ vertical-align:middle;}
/*横向居中*/
.te-align{ text-align:center;}
/*相对定位*/
.p_r{ position:relative;}
/* 白色背景 */
.bgfff{ background:#fff;}

.Header{ width: 1200px; margin: 0 auto; clear: both;display: table;position: relative;}
.Logo{ float: left}
.Version{ float:right; height: 28px; line-height: 28px; margin-top: 45px}
.Version img{ float: left; margin-left: 25px}
.Version span{ float: left; margin-left: 10px}
.Version a{cursor: pointer;}

.Search{ width: 450px; float: left; height: 38px; line-height: 38px; margin-top:42px; padding-left: 205px}
.Sinput{ width: 360px; float: left; height: 38px;background:url(../images/Sinput.jpg) no-repeat; text-indent: 15px; color: #666}
.Sinput{-webkit-box-sizing: unset; -moz-box-sizing: unset; box-sizing: unset;}
.SearchButton{ width: 55px;height: 38px; float: left; cursor: pointer; background:url(../images/Search.jpg) no-repeat}

.ru
{
    background: #282828;
    width: 1200px;
    height: 42px; line-height: 42px;  font-size: 16px; font-weight: bold;
    margin:0 auto; 
}
	
.ru ul
{
    list-style: none;
}
.ru ul li ul
{
    display: none;      /*隐藏嵌套的ul*/
}
.ru ul li:hover ul
{
    display: block;     /*鼠标触发显示ul*/
}
.ru ul #a1
{
    float:left;        /*使ul中的li在同一行显示*/
}
li#a1
{
    width: 133px;
    text-align: center;   /*对ul中的li进行位置调整*/
}
li#a1 a{ color: #fff}
li#a1 a:hover{height: 42px;background-color: #ee1c25; display: block}
ul#a2
{
    margin: 0;
    padding:0;
    margin-top: 10px;    /*对嵌套的ul进行位置调整*/
	width: 300px;
	text-align: left;
	background: #f0f0f0; position: fixed; font-size: 15px; font-weight: 100; margin-top: 0;
	z-index:99999;
}

ul#a2 li
{
    height: 40px; line-height: 40px; text-indent: 25px;
    border-bottom-style: none;  /*对嵌套的ul中li设置边框，并去除底部边框*/

}
ul#a2 li a{ color: #444}
ul#c1 li.current, ul#a2 li a:hover{ color: #fff; background-color: #ee1c25; text-decoration: none}

.Nav{ width: 100%;position: relative;display: table; height: 42px; line-height: 42px; background-color: #282828;}

.About,.ProContent,.NewsBox,.Foot,.Content,.SubNav,.ProList,.Location,.Info,.NewsList,.DownloadList,.ContactBox,.SearchList{ width: 1200px; margin: 0 auto; clear:both; display:table}

.Bt{ width: 1200px; margin: 0 auto; clear:both; text-align: center; padding: 50px 0}

.About p{ font-size: 18px; padding-bottom: 20px; border-bottom:solid 1px #ddd}
.About_img{ width: 585px; float: left; margin-right: 35px}
.About_js{width: 580px;  float: left; }
.About_js span{ width: 100%; float: left;line-height: 30px; padding-bottom: 30px}
.About_js a{ padding: 5px 30px; background-color: #ee1c25; color: #fff; font-size: 12px;}

.ProBox{ width: 100%; height: 556px; background:url(../images/bg.jpg) no-repeat;clear: both;display: table;position: relative; }
.ProContent ul{ width: 639px; float: left}
.ProContent ul li{ width: 209px; float: left; margin: 0 4px 4px 0 }
.ProContent ul li img{opacity:0.5;filter:alpha(opacity=50); /* 针对 IE8 以及更早的版本 */}
.ProContent ul li img:hover{opacity:1.0;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.ProJs{ width: 530px;float: right; color: #fff}
.ProJs a{ padding: 5px 30px; background-color: #ee1c25; color: #fff; font-size: 12px;}
h1{ font-size:42px; margin:80px 0 50px  0;}
h2{font-size:35px; margin-bottom: 100px}
h3{ margin: 10px 0}
h4{ font-size: 30px; line-height: 120%; text-align: center; padding: 30px 0 20px 0;}
h5{ font-size: 20px}
.NewsBox {display: table;position: relative;}
.NewsBox li{ width: 380px; float: left; padding: 10px; text-align: center}
.more a{ padding: 5px 30px;font-size: 12px; color: #fff; background-color: #8b8b8b}
.more a:hover{ background-color: #ee1c25;color: #fff;  }



.banner{ min-width:1000px;  position:relative;  height:670px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:670px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:670px;  }
.banner .bd li a{ height:670px; display:block; }
.banner .hd{ width:1200px;  position:relative; z-index:1; height:1px;  margin:0 auto;}
.banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px;overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; }
.banner .hd .next,.banner .hd .prev{position: absolute;top: -330px;z-index: 999;width: 43px;height: 83px; cursor: pointer}
.banner .hd .next{background: url(../images/left.png) no-repeat;left: -43px}
.banner .hd .prev{background: url(../images/right.png) no-repeat;right: -43px}


/*内页背景图片*/
.Bg{ width: 100%; height: 350px; display: table; position: relative; }
.Abo{background: url(../images/AboutUs.jpg) no-repeat center center;}
.Pro{background: url(../images/Product.jpg) no-repeat center center;}
.news{background: url(../images/news.jpg) no-repeat center center;}
.feedback{background: url(../images/feedback.jpg) no-repeat center center;}
.Download{background: url(../images/Download.jpg) no-repeat center center;}
.job{background: url(../images/job.jpg) no-repeat center center;}
.Contact{background: url(../images/Contact.jpg) no-repeat center center;}
.video{background: url(../images/video.jpg) no-repeat center center;}

.Content{ padding: 10px 0}
.SubNav{ padding: 50px 0 0 0}
.SubNav li a{ padding: 0 30px; border:solid 1px #c1c1c1; background-color: #fafafa; height: 38px; line-height: 38px; margin: 15px; float: left; border-radius: 5px;font-size: 16px}
.SubNav li a:hover, .SubNav li a.Select{border:solid 1px #bc010a; background-color: #ee1c25; color: #fff}
.ProList{ position: relative; display: table; padding: 30px 0}
.ProList li{width: 254px; float: left;text-align: center; margin: 23px; }
.ProList li img{ width: 248px; float: left;  margin-bottom: 5px }
.ProList li a{border:solid 1px #c6c6c6;  border-radius: 5px; padding: 2px;display: block; padding-bottom: 8px}
.ProList li a:hover{ border: solid 1px #bc010a; background-color: #bc010a; color: #fff}
.ProList li .title { width:100%; height:40px; text-align:center; overflow:hidden; }

.page {width: 100%;display: table;margin-top: 30px;text-align: right;margin-bottom: 20px;}
.page a{border:1px #ccc solid;padding: 5px 10px;border-radius: 5px;color: #656565;margin-right: 10px;}
.page .thisclass,.page a:hover{background-color: #ee1c25;color: #FFF;border:1px #e51b24 solid;}
.pages { width:100%; margin-top:15px; }
.pages ul { margin:0 auto; width:auto; display:table; text-align:center; }
.pages ul li { float:left; border:1px #ccc solid; padding:5px 0px; border-radius:5px; color:#656565; margin-right:10px; }
.pages ul li a { padding:5px 10px; }
.pages .thisclass, .pages li:hover, .pages li.active{ background-color:#ee1c25; color:#fff; }
.pages .thisclass a, .pages li:hover a, .pages li.active a { color:#fff; }

.pages table td { padding:0 2px; }

.Location{ padding: 20px 0}
.LeftNav{ width: 268px; float: left; border:solid 1px #c6c6c6; border-radius: 5px}
.LeftNav dt{ background-color: #f7f7f7; height: 40px; line-height: 40px; font-weight: bold;border-bottom:solid 1px #c6c6c6; margin: 1px; text-indent: 20px}
.LeftNav dd{ width: 100%; float: left;background:url(../images/ico3.jpg) no-repeat 10px center; height: 45px; line-height: 45px;border-bottom:solid 1px #e3e3e3;text-indent: 25px; overflow: hidden}
.LeftNav dd.thisclass {background:#ee1c25 url(../images/ico3-1.png) no-repeat 10px center; }
.LeftNav dd.thisclass a { color:#fff; }

.RightBox{ width: 900px; float: right; border:solid 1px #c6c6c6; border-radius: 5px; padding: 1px}
.RightBox .title-info { text-align:right; padding-bottom:15px; padding-right:20px; }
.Details{ width: 840px; float: left; padding: 30px;border-top:solid 1px #e3e3e3;}
.Details .pic { margin:0 auto; width:100%; text-align:center; }
.Details .pic img { max-width:90%; }

.NewsList li{ width: 100%; float: left; padding: 30px 0; border-bottom:solid 1px #e4e4e4} 
.NewsList li img{ width: 390px; float: left;}
.NewsList li span{ width: 780px; float: right; padding: 15px 0}
.NewsList li p{ width: 100%; float: left; line-height: 35px; font-size: 15px; padding-bottom: 10px}
.More,.NewsList li span a:hover{ padding: 5px 30px; background-color: #ee1c25; color: #fff; font-size: 12px;}
.Time{ width: 100%; float: left; text-align: center; padding-bottom: 20px}
.Related{ width: 840px; float: left;padding:20px 30px; border-top:solid 1px #e3e3e3}
.Related li{ line-height: 30px;}

.Feedback{ width:660px; margin:0 auto; clear: both; font-size: 16px}
.Feedback li{ width: 100%; float: left; padding: 20px 0}
.Feedback li span{ width: 70px; float: left; line-height: 38px;}
.input1{ width: 400px; float: left; height: 38px; line-height: 38px; border:solid 1px #c6c6c6; border-radius: 5px; padding: 0 10px; font-size: 16px; font-family:Microsoft YaHei}
.input2{ width: 560px; float: left; height:160px; line-height: 30px; border:solid 1px #c6c6c6; border-radius: 5px; padding: 0 10px;  font-size: 16px; font-family:Microsoft YaHei}
.submit{ width: 170px; float: left; height: 50px; background-color: #ee1c25; font-size: 16px; color: #fff;  border-radius: 5px; cursor: pointer;margin:0 30px 0 70px}
.reset{ width: 170px; float: left; height: 50px; background-color: #7e7e7e; font-size: 16px; color: #fff;  border-radius: 5px; cursor: pointer;}

.DownloadList{ padding: 30px 0 10px 0}
.DownloadList li{ width: 100%; float: left;padding: 15px 0; font-size: 18px; border-bottom:solid 1px #e6e6e6; height: 31px; line-height: 31px; background: url(../images/ico4.jpg) no-repeat 0 center;text-indent: 25px; }
.DownloadList li img{ float: right}

.job-list,.job-view{margin-top: 30px;border:1px #ccc solid;margin-bottom: 50px;}
.job-list .th{background-color: #666666;height: 45px;line-height: 45px;color: #FFF;font-size: 16px;}
.job-list .td{font-size: 14px;line-height: 50px;height: 50px; padding: 5px 0; border-bottom:solid 1px #e6e6e6}
.job-list span{display: block;width: 16.66%;height: 45px;float: left;}
.job-list .td a{color: #d1000a}
.job-view h1{background-color: #666666;height: 45px;line-height: 45px;color: #FFF;font-size: 16px;text-indent: 20px; margin-top: 0}
.job-view .Jobinfo a{ color: #db0101; text-decoration:underline}
.job-view .Jobinfo{padding:0 30px 30px 30px;color: #666;font-size: 14px;}
.job-view .Jobinfo h3{margin:20px 0 ;}
.job-view .Jobinfo .txt{width: 700px;display: table;margin-bottom: 30px;margin-top: 20px;}
.job-view .Jobinfo .txt span{display: block;width: 315px;height: 45px;line-height: 45px;float: left;}
.job-view .Jobinfo .body{width: 100%;display: table;color: #666;font-size: 14px;line-height: 30px;}
.job-view .Jobinfo .body h4{padding-top: 20px;font-size: 14px; text-align: left}

.Title{ width: 1200px; margin: 0 auto; clear: both; font-size: 18px; font-weight:bold; border-bottom:solid 1px #ddd; padding-bottom: 23px; margin-top: 15px; text-indent: 15px; color: #000; margin-bottom: 30px}
.ContactBox img{width: 690px; float:left;}
.ContactBox #allmap { float: left; width: 690px; height: 400px;}
.ContactBox ul{width: 420px; float: right;padding-top: 10px;}
.ContactBox ul li{ width: 100%; float: left; height: 50px; line-height: 50px; font-size: 16px; text-indent: 35px}
.tel{ background:url(../images/tel.jpg) no-repeat 0 center;}
.fax{ background:url(../images/fax.jpg) no-repeat 0 center;}
.email{ background:url(../images/email.jpg) no-repeat 0 center;}
.url{ background:url(../images/url.jpg) no-repeat 0 center;}
.adress{ background:url(../images/adress.jpg) no-repeat 0 center;}
.code{ background:url(../images/code.jpg) no-repeat 0 center;}

.Dealer{width: 1100px; margin: 0 auto; clear: both; font-size: 16px; line-height: 50px}
.Dealer dd{text-indent: 35px}

.VideoList{ width: 1200px;margin: 0 auto; clear: both; padding: 40px 0 20px 0; overflow: auto}
.VideoList li{ width:340px; float: left; text-align: center; padding:20px;}
.VideoList li span{ width: 100%; float: left; height: 35px; line-height: 35px; overflow: hidden}
.VideoList li a{ width:340px; float: left;border:solid 1px #ddd; padding: 4px; }
.VideoList li a:hover{ width:340px; float: left;border:solid 1px #bc010a; padding: 4px; background-color: #bc010a }
a.video_title { border:none !important; }
a:hover.video_title { background:none !important;}

.fc_03c { font-weight:bold; color:#ee1c25; }
.SearchList { padding:10px 0px; }
.SearchList li { float:left; width:100%; padding:15px 0px; font-size:18px; border-bottom:1px solid #e6e6e6; }

.FootBox{ width: 100%; background-color: #282828; padding: 35px 0; color: #a8a8a8; text-align: center; line-height: 30px; margin-top: 50px}
.FootBox a{color: #a8a8a8;}
.FootBox a:hover{color: #ee1c25; text-decoration: underline}